if (!window.console === undefined || console.log === undefined) {
	console = {
		log: function (str) { }
	}
}

// Checks if an input has some characters in it and displays associated error if not
function valNotEmpty(containerSelector) { 
	var v = $(containerSelector).find('input').val();
	var valid = v.trim().length > 0;
	$(containerSelector).find('.error').toggle(!valid);
	return valid;
}

function isPayingByCreditCard() { 
	return $('input[name=billing_method][value=credit_card]')[0].checked;
}

function checkShippingAddress() { 
	var firstNameValid = valNotEmpty('.first_name_container');
	var lastNameValid = valNotEmpty('.last_name_container');
	var address1Valid = valNotEmpty('.address1_container');
	var address2Valid = true; // Not all addresses require apt / suite
	var cityValid = valNotEmpty('.city_container');
	var stateValid = true; // Not all countries require state
	var zipValid = valNotEmpty('.zip_container');
//	var whereHeardValid = valNotEmpty('.where_heard_container');
	var whereHeardValid = true;

	return firstNameValid && lastNameValid && address1Valid
	    && address2Valid && cityValid && stateValid && zipValid && whereHeardValid;
}

var emailContainerSelector = '.email_container';

// Only require email to be correct if the field is present. If it is not present,
// it is because this is part of an A/B test that has already asked it in a previous step.
function emailRequired() {
    return $(emailContainerSelector).length === 1;
}

function checkEmail() {
    if (emailRequired()) {
        var valid = $(emailContainerSelector).find('input').val().indexOf('@') != -1;
        $(emailContainerSelector).find('.error').toggle(!valid);
        return valid;
    } else {
        return true;
    }
}

function checkForm() {
	if (!isPayingByCreditCard()) {
		return true;
    }

	var shippingAddressValid = checkShippingAddress();
	var emailValid = checkEmail();
	var valid = shippingAddressValid && emailValid;
	return valid;

	// var paymentDetailsValid = checkPaymentDetails();
	// return shippingAddressValid && paymentDetailsValid;
}

function showFieldsRelevantForBillingMethod() {
	$('#credit_card_details').toggle(isPayingByCreditCard());
	$('.hide_for_paypal').toggle(isPayingByCreditCard());
}

function redirectToPaypal(custom) { 
	$('input[name=custom]').val(custom);
	$('form[id=pp]').submit();
}

/* Gather fields from the form into an object that will be easy to serialize */
function subscriptionFieldsToObject(includeReplay) { 
	var o = {};
	var sel = '.order_form_container input, .order_form_container select';
	$(sel).each(function (index, element) {
		if (element.id !== "") {
			o[element.id] = $(element).val();
		}
	});

	if (includeReplay) {
		o['AA6CTW3CT39M6SK2LMXY1XQ569HYQTLXMSO49K323TLIL38JCDJHP4E6XW6R2CL64X433KMHV6XWZV03J4UVK669AL6YIVULJGO5'] = JSON.stringify(replay);
	}

	o['QPQI1P6GTYVFQNPBSWIM9LQP4ZFFY6XWDM5UZPT7HABQ6UE2RA7MWG69D2YAAQXF56X7TQ49B5ZNNXC5JESREBKPO90DA0XD2F28'] = isPayingByCreditCard() ? "credit card" : "paypal";

	// User might have applied a coupon which affects the price
	o['coupon_code'] = $('.coupon_code').val();

	return o;
}

function scrollToError() {
	var scrollTo = Math.max( $('.error:visible').offset().top - $(window).height()/2, 0 );
	var diff = $('html').scrollTop() - $('.error:visible').offset().top;
	var delay = Math.abs(diff) * 0.5;
	$('html').animate({ scrollTop: scrollTo }, delay);
}

var submissionAttempted = false;

function processCreditCardOrder() { 
	var subscriptionFields = subscriptionFieldsToObject(true);
	var fields = {
		// Required attributes
		number: subscriptionFields[''],
		month: subscriptionFields[''],
		year: subscriptionFields[''],
		first_name: subscriptionFields['CNHKAUOP6YJHATB27M0V7DDWM3VKWMP5P5UFBWF1TEBJ1BSDLMNTXXMN3DAEZHHK7KJOV6WZ7HXWJCR6GJGSRJFXKC10USF6PCH0'],
		last_name: subscriptionFields['683QQBIR63BA821MPX2KEXZSUSODV2AI0N885CHY7B7HNT3DNFK5CICTRWRWMJ1CT9FFRH66OK13AG6PALBRUVIWVVCRRU482IK8'],
		cvv: subscriptionFields[''],
		// where_heard: subscriptionFields['XF7SL2W3GGLXOKCLKO7QQD7LL82BOMM4ZFLY58UC2A7YI1GCUY469JO1OE79UBQBHIOJMQRKU3CC7MZR10564INKMRGTF3KCJS84'],

		// Optional attributes
		address1: subscriptionFields['Q68G5KLFCC1MBQ0SMWSMKLVN81MKA04TU8386KEV7XCN4WNG1JZO6P5RQFYR1IA2S30GS6VQCFBMPKWXN2RRKCAF2OXLIKL8CFLG'],
		address2: subscriptionFields['RZVWPHK1PD2HNB6FFE1L0CY5JOFPD99Q70QQNFRX8NCCSWQ0CK7PYHTI3VMA8FEFGKBF2ASRXO2T7V4ZAGNAKKIRLUXLKBHW1FP4'],
		city: subscriptionFields['MTA1YBO789I311M5V77OYQC74I7ZMZSF323DNZ13EDN85ZDFTGFWLU8MT2DR2I410Y2NACBJCXOTVWWWWYBAMKBNDSCI204V08ZK'],
		state: subscriptionFields['7RCWQ5KFG3761S6YMHG4CGSY2MH6IW188RYGYIEOEY0GWU89HMJNDYSJ7LT6YCGCJCN6MYDODTNU0Y99UU8PJM7GH6DBIO7VHTPJ'],
		postal_code: subscriptionFields[''],
		country: subscriptionFields['']
	}

	// It still has the raw CC number in there, that's not good. Tokenize it.
	var tokenData = {
		name: $('#CHTI0J36MOJA4M9SANGR21JTWBRHOKHGTKHQ886ML4PZILV8U874I03DA6AI64MM7KHEWEB6ZXO621QRR9JJ0V408MXK2TT5Q7OB').val() + ' ' + $('#YA7CSG7HY6XOQ7PHGCTPECW0AG1PHR0D848FCJL87AAZCGI28NHQI5W9DCY40D7NRNO51F2NYOZ00UR2I8PELRYXEXFWSYHPZIXV').val(),
		address_country: $('R55486MH1UIK79X3CCJMEN06LJ6TW8LW1BQRSOBZO5FBGIZ9V042YON4STV1T4OAC02M6NF4QDABH1H1H0B25J6AJJKZML9M41TS').val()
	};
	// console.log(tokenData);

	stripe.createToken(card, tokenData).then(function(result) {
		if (result.error) {
			$('button').show();
			$('.activity').hide();
			alert(result.error.message);
		} else {
			subscriptionFields['VN89J7U5K2D7S73ICLFIBNWRSFCNWVC4PX8XRMG2CAARKJKMMDABGZ4S7K7J3JYP9VGZUYDNHATZRO67S9N7U5SOCV7FPV73LFIP'] = result.token.id;

			// Send the token to your server
			// console.log(result.token);
			// stripeTokenHandler(result.token);

			$.post(
				'/subscribe_submit',
				{'fields_json' : JSON.stringify(subscriptionFields)},
				function (response) { 
					window.location.href = '/thanks';
				},
				dataType = "json"
			);
	    }
	});
}

function processPayPalOrder() {	
	var fields = subscriptionFieldsToObject(true);

	// Make sure if the user first selected credit card, filled in their number and
	// then switched back to PayPal that the CC data is not submitted.
	delete fields[''];
	delete fields[''];
	delete fields[''];
	delete fields[''];
	delete fields[''];
	delete fields[''];

	// Associate the form submission with the payment, so when returned from PayPal
	// we'll know what the payment is for.
	$.post(
		'/subscribe_submit',
		{'fields_json' : JSON.stringify(fields)},
		function (response) { 
			 // redirectToPaypal(response.custom);			
			 redirectToPaypal($('input[id=form_key]').val());
		},
		dataType = "json"
	);
}

// Helper for replacing actual credit card number and CVV with Xs
function strToRepeatedX(str) { 
	var xRepeated = "";
	for (var i = 0; i < str.length; i++) {
		xRepeated += "X";
	}
	return xRepeated;
}

// So I can see how the forms got filled later, keypress by keypress.
var replay = [];
var firstReplayStep = null;
function recordReplayStep() { 
	if (firstReplayStep === null) {
		firstReplayStep = Date.now();
	}
	var fields = subscriptionFieldsToObject(false);
	delete fields.form_key;
	delete fields.coupon_code;
	delete fields.tier;
	// fields[''] = strToRepeatedX(fields['']);
	// fields[''] = strToRepeatedX(fields['']);
	replay.push({
		elapsed: Date.now() - firstReplayStep,
		fields: fields
	});
}

function applyCoupon() {
	$('.have_coupon_code').show();
	$('.coupon_code_entry').hide();

	var couponCode = $('.coupon_code').val();

	// If you are reading the source, please use the "SOURCE" coupon to get as much off as any of the others here.
	var validCoupons = ['YEAR2018', 'TWOFORKS', 'INJECT', 'SOURCE', 'ALEK', '3OFF', 'TUBE', 'HACKERNEWS', 'ENTREPRENEUR', 'URBAN', 'BOND', 'ANSHIE', 'ARISU', 'ZOEY', 'CHIIKA', 'PHARAOH', 'SZU', 'IZABELA', 'WORLD', 'SARAH', 'BLACKNEO', 'MYCHAN', 'FUN', 'AANDK', 'MARACONT', 'WENDYLAND', 'LOWEN', 'JADE', 'FUINUR', 'HOLLY', 'CLARITA', 'AMBER', 'CORDEWA', 'MILLI', 'CRAFTY', 'MAI', 'GWENDY', 'SADIQ', 'FABIO', 'MIYU', 'REI', 'ZONA', 'NOMNOM', 'YUE', 'KYU', 'KAIGUYS'];

	var isValid = false;
	for (var i = 0; i < validCoupons.length; i++) {
		if (couponCode.toUpperCase().indexOf(validCoupons[i]) !== -1) {
			isValid = true;
		}
	}
	
	if (isValid) {
		$('.usdprice').text('$26');
		$('input[name=a3]').val('26.00'); // Set PayPal price

		$('#coupon_code').val(couponCode);
		$('.coupon_applied').show();
		$('.have_coupon_code').hide();
		$('.coupon_line_item').show();
	} else {
		alert("Sorry, that wasn't a valid coupon.");
		$('.coupon_code').val('');
	}
	return false;
}

function initCouponFields() {
	$('.coupon_code_entry button').click(applyCoupon);
	$('.coupon_code_entry form').on('submit', applyCoupon);
	$('.have_coupon_code').click(function() {
		$('.have_coupon_code').hide();
		$('.coupon_code_entry').show();
		$('.coupon_code').focus();
	});
};

function copyNameFromShippingToCard() {
    // If credit card name is empty but there is a name in shipping, use that by default

    var fieldsToCopy = ['.first_name_container', '.last_name_container'];
    fieldsToCopy.forEach(function (field) {
        var shipVal = $('#shipping_address ' + field + ' input').val();
        var ccValSelector = '#credit_card_details ' + field + ' input';
        if (shipVal && !$(ccValSelector).val()) {
            $(ccValSelector).val(shipVal);
        }
    });
}

function initStripe() {
	stripe = Stripe('pk_live_Lh9RxfYBEjLco30J7VLUeGEP');
	var elements = stripe.elements();

	var style = {
		base: {
			iconColor: '#666ee8',
			color: '#31325f',
			fontWeight: 400,
			fontFamily: 'sans-serif',
			fontSmoothing: 'antialiased',
			lineHeight: '30px',
			fontSize: '18px',
			'::placeholder': {
				color: '#aab7c4',
			},
			':-webkit-autofill': {
				color: '#666ee8',
			},
		},
	};

	card = elements.create('card', {style: style});
	card.mount('#card_mount');
}

$(function () { 
	// Don't show CC form if PayPal selected
	$('input[name=billing_method]').change(showFieldsRelevantForBillingMethod);
	showFieldsRelevantForBillingMethod();

	// Subscription attempt
	$('.subscribeSubmit2').click(function (event) { 
		event.preventDefault();
		submissionAttempted = true;

		// See if there are any errors
		var valid = checkForm();
		if (!valid) {
			scrollToError();
			return;
		}

		$('button').hide();
		$('.activity').show();
		if (isPayingByCreditCard()) {
			processCreditCardOrder();
		} else {
			processPayPalOrder();
		}
	});

	// Show relevant errors if fields become invalid, but not on initial fill
	$('input,select').change(function () { 
        copyNameFromShippingToCard();
		if (submissionAttempted) {
			checkForm();
		}		
	});

	$('input,select').on('input', recordReplayStep);

	// Order summary is in two places, let the left one be the defacto content
	$('.order_summary_container_bottom section').replaceWith($('.order_summary_container_left section').clone());
	initCouponFields();
	initStripe();
});